<template>
  <div class="app-container">
    <el-tabs type="border-card">
      <el-tab-pane v-for="item in bankers">
        <span slot="label"> {{ item.name }}</span>
        <el-tabs type="border-card">
          <el-tab-pane v-for="custType in dict.type.cust_type">
            <span slot="label"> {{ custType.label + '规则' }}</span>
            <RuleTable :banker-id="item.id" :cust-type="custType.value"/>
          </el-tab-pane>
        </el-tabs>
      </el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>
import {bankers} from "@/api/financial/banker"
import RuleTable from "../rule/rule.vue"
export default {
  name: "Rule",
  dicts: ['cust_type'],
  components:{RuleTable},
  data() {
    return {
      bankers:[]
    };
  },
  created() {
    this.getBankers()
  },
  methods: {
    getBankers(){
      bankers().then(res => {
          this.bankers = res.data
      })
    }
  }
};
</script>
<style>
.border-card {
  padding: 100px;
}
</style>
